.main-body { position: relative; margin: 0 0 50px;}
.main-section { width: 1000px; margin-right: 50px; float: left;}
.main-sidebar { width: 300px; float: left;}
.carousel .carousel-inner img { height: 100%; }
.col-fillet { border-radius: 10px; overflow: hidden; margin-bottom: 44px; background: #fff;}
.col-fillet:hover { box-shadow: 0 0 30px rgba(0,0,0,.03) }
.col-head { padding: 44px 70px 36px; }
.col-head h3 { font-size: 24px; color: #0B273A; font-weight:600; }
.col-head-btn { border: 2px solid #0B273A; background: #fff; line-height: 1em; padding: .6em 2em; font-size: 14px; color: #0B273A; border-radius: 2em;}
.col-inner { padding: 0 70px; }
.col-h470 { height: 470px; }
.status-orange { color: #FF9301; }
.status-red { color: #FF5454; }
.status-gray { color: #C8C8C8; }
.status-green { color: #28C716; }
.solid-btn { background: #0A3D4E; border: none; color: #fff; }
.hollow-btn { background: #fff; border: 1px solid #0A3D4E; color: #0A3D4E; }
.bit-sm-btn { font-size: 14px; height: 32px; line-height: 32px; padding: 0 2.5em; display: inline-block; outline: none;}

.main-video-wrap { margin-bottom: 44px; }
.main-video-row { margin: 0 140px 0 -10px;}
.main-video-col { height: 160px; width: 270px; float: left; margin: 0 10px; position: relative; border-radius:10px; overflow: hidden;}
.main-video-link { width: 100%; height: 100%; position: relative; display: block;}
.main-video-link .floating { position: absolute; top:0; right: 0; left: 0; bottom: 0; z-index: 2; background: rgba(0,0,0,.2);} 
.main-video-col .play-tag { position: absolute; top:0; right: 0; z-index: 3; padding: 2px 5px; color: #fff; transition: all .3s;}
.main-video-col .play-icon { opacity: 0; transition: all .3s; position: absolute;top:50%; left: 50%; z-index: 4; width: 100px; height: 100px; margin: -50px 0 0 -50px; }
.main-video-col .title { position: absolute; bottom: 10px; left: 0; right: 0; z-index: 1; color: #fff; height: 1.5em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px; text-align: center;}
.main-video-col a:hover .play-icon { opacity: 1; transition: all .3s; width: 66px; height: 66px; margin: -33px 0 0 -33px;}
.main-video-col a:hover .floating { background: rgba(0,0,0,.5); transition: all .3s;}
.main-video-more { float: right; width: 120px; overflow: hidden; padding-top:56px; }
.main-video-more p { font-size: 14px; color: #929292;}
.main-video-more p:nth-child(1) { font-size: 18px; color: #0B273A; font-weight: 600; margin: 0 0 5px; }
.main-video-more p:nth-child(1):after { content: ''; height: 4px; width: 15px; background: #1FA6D2; display: block; }
.main-news-row { margin:0 -30px; overflow: hidden;}
.main-news-col { width: 50%; float: left; padding: 0 30px; margin-bottom: 15px;}
.main-news-inner { border-bottom: 1px solid #EAEDEE; height: 88px; overflow: hidden;}
.main-news-inner .n-title {  font-size: 18px; height: 2.4em; line-height: 1.2em; overflow: hidden; text-overflow: ellipsis; }
.main-news-inner .n-title a { color: #0B273A;}
.main-news-inner .n-title a:hover { color: #E59534;}
.main-news-inner .n-date { font-size: 14px; color: #85939C; }
.main-culture-row {  display: flex; height: 400px;}
.main-culture-col { width: 210px !important; display: flex;}
.main-culture-col a { display: block; }
.main-culture-col .c-img { width: 210px; height: 210px; overflow: hidden; }
.main-culture-col .c-img img { width:100%; height:100%;}
.main-culture-col .c-title { color: #0B273A; font-size: 16px; line-height: 1.4em; height: 2.8em; overflow: hidden; margin: 10px 0;}
.main-culture-col a:hover .c-title { color: #E59534;}
.main-culture-col .c-add { color: #606D75; font-size: 14px; height:1.2em;overflow: hidden; text-overflow: ellipsis;}
.main-culture-col .c-date { color: #BFBFBF; font-size: 12px; text-align: right; padding: 0 10px;}

.main-book-carousel { float: left; width: 268px; height: 470px; border-radius: 10px; overflow: hidden;}
.main-book-list { height: 470px; overflow: hidden; margin-left: 268px; }
.main-book-row { padding: 30px 60px; overflow: hidden;}
.main-book-item { float: left; width: 25%; height: 200px;  margin-bottom: 20px;}
.main-book-item a { display: block; width: 120px; margin: auto; }
.main-book-item .b-img { width: 98px; height: 140px; margin: auto; margin-bottom: 10px; }
.main-book-item .b-title { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 15px; color: #0B273A; }
.main-book-item a:hover .b-title { color: #E59534;}
.main-exhibit-row { position: relative; padding:0 20px; }
.main-exhibit-list { width: 260px; margin:auto;}
.main-exhibit-item { margin-bottom: 20px; height: 146px; overflow: hidden;}
.main-exhibit-more { text-align: center; }
.main-exhibit-more a { color: #929292; font-size: 14px; }
.col-head-side { padding: 30px 30px 24px; }
.col-head-side h3 { font-size: 16px; font-weight: 600; color: #0B273A; }
.col-head-side .h-icon { display: inline-block; width: 18px; height: 18px; line-height: 18px; margin-right: 10px;}
.main-notice-row { padding: 0 30px; overflow: hidden;}
.main-notice-list { margin-bottom: 20px; padding-left: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.main-notice-list>li { list-style: circle; margin-bottom: 10px;}
.main-notice-list>li a { color: #0B273A; font-size: 15px;}
.main-notice-list>li a:hover,.main-volunteer-list .v-title a:hover,.main-readonline-list>li a:hover .r-title { color: #E59534;}
.main-volunteer-row { padding: 0 25px; overflow: hidden;}
.main-volunteer-list { padding: 0 5px; margin-bottom: 20px;}
.main-volunteer-list li { margin-bottom: 10px;}
.main-volunteer-list .v-title { margin-bottom: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.main-volunteer-list .v-title a { font-size: 16px; color: #0B273A;}
.main-volunteer-list .v-date { font-size: 12px; color: #BFBFBF;}
.main-volunteer-banner { margin-bottom: 10px; width: 250px; overflow: hidden; }
.main-showroom-carousel { width: 300px; height: 470px; border-radius: 10px; overflow: hidden; }
.main-readonline-row { padding: 0 25px; overflow: hidden;}
.main-readonline-list { padding: 0 5px; margin-bottom: 20px;}
.main-readonline-list>li { padding: 0 5px 14px; margin-bottom: 14px; border-bottom: 1px solid #E6E9EA;}
.main-readonline-list>li a { color: #0B273A; display: inline-block; height: 3em; font-size: 16px; line-height: 1.5em;}
.main-readonline-list>li .r-num { font-size: 15px; float: left; display: block; font-weight: 600; color: #0B273A; width: 2em; height: 2em; overflow: hidden;}
.main-readonline-list>li .r-title { margin-left: 2em; display: block;}
.main-readonline-list>li:nth-last-child(1) { border: none; }
.main-illustration-map { margin-bottom: 50px; height: 488px; overflow: hidden; border-radius: 10px;}

.header { margin: 0 0 80px; padding-top: 50px; position: relative; }
.logo { width: 100px; height: 98px; margin: 0 auto 50px; }
.nav { text-align: center; padding: 10px 0; }
.nav .nav-item { display: inline-block; margin: 0 30px; }
.nav .nav-item a { color: #0B273A; font-size: 16px; white-space: nowrap;}
.nav .active { position: relative;}
.nav .active:after { content: ''; display: block; width: 10px; height: 4px; background: #2B90D4; position: absolute; top:40px; left: 50%; margin-left: -5px;}
.header-sub-nav { position: absolute; top:50px; right: 100px; z-index: 9; }
.header-sub-nav>a { display: inline-block; width: 30px; height: 30px; margin: 0 15px;}
.footer { padding-top:30px; }
.footer-logo { width: 204px; height: 46px; margin: auto; overflow: hidden; }
.footer-openinghours { margin: 0 0 30px; }
.footer-openinghours>p { font-size: 14px; color: #707070; margin-bottom: 30px; line-height: 1.8em; }
.footer-openinghours>p .bold { font-size: 16px; color: #000; }
.copyright-bar { border-top:1px solid #E6E6E6; padding: 20px 0; font-size: 14px; color: #707070; margin-top:60px; }
.copyright-bar .copyright { white-space: nowrap; overflow: hidden; margin: 0;}
.copyright-bar .contact { white-space: nowrap; overflow: hidden; float: right; margin: 0;}
.foot-col-title { font-size: 16px; color: #343434; margin-bottom: 20px; padding: 0 10px;}
.footer-links-list { margin-bottom: 30px; }
.footer-links-list a { display: inline-block; color: #707070; margin: 0 10px 10px; font-size: 14px;}

.user-container { margin: 0 200px; position: relative; }
.user-card { margin: 100px 0 60px; background: #fff; position: relative;}
.user-profile { position: absolute; top:-50px; left: 0; z-index: 2; width: 150px;}
.user-avatar { margin: auto; width: 120px; height: 120px; border: 6px solid #fff; border-radius: 120px; overflow: hidden;}
.user-avatar>img { width: 100%; height: 100%;}
.user-nick { position: relative; padding: 0 20px; text-align: center;}
.user-nick .glyphicon { position: absolute; top:10px; right: 0; z-index: 2; font-size: 12px; color: #0B273A;}
.user-nick .full { font-size: 24px; color: #0B273A; margin-right: auto}
.user-nick .num { font-size: 14px; color: #0B273A; }
.user-menu { padding:100px 0 30px 200px; text-align: right;}
.user-menu>a { display: inline-block; margin: 0 20px; font-size: 16px; color: #000; position: relative;}
.user-menu>a:hover { color: #2B90D4; }
.user-menu .active { position: relative; }
.user-menu .active:after {content: ''; display: block; width: 10px; height: 4px; background: #2B90D4; position: absolute; top: 40px; left: 50%; margin-left: -5px;}
.user-docs-section { margin: 0 0 60px; position: relative; overflow: hidden; }
.user-docs-label { width: 170px; text-align: left; padding-left: 40px; float: left;}
.user-docs-label h3 { font-size: 24px; color: #0B273A; }
.user-docs-box { margin: 0 0 0 200px; }
.culture-col-list { margin: 0 -15px; }
.culture-col-item { width: 230px; background: #fff; float: left; margin: 0 13px 30px;}
.culture-col-item .c-img { width: 100%; height: 230px; overflow: hidden;}
.culture-col-item .c-img img { width: 100%; height: 100%;}
.culture-col-item .c-decs { padding: 20px;}
.culture-col-item .c-title { font-size: 16px; line-height: 1.2em; height: 2.4em; margin-bottom: 15px; overflow: hidden; text-overflow: ellipsis; }
.culture-col-item .c-title a { color: #0B273A;}
.culture-col-item .c-add { font-size: 14px; color: #606D75; line-height: 1.5em; height: 3em; overflow: hidden; text-overflow: ellipsis; }
.culture-col-item .c-date { font-size: 12px; color: #BFBFBF; text-align: right;}
.culture-col-item .c-btn { text-align: right; }
.message-col-list { position: relative; }
.message-col-item { margin: 0 0 30px; background: #fff; padding:26px 46px; }
.message-col-item .m-decs { margin:0 0 0 78px; }
.message-col-item .m-avatar { float: left; width: 50px; height: 50px; overflow: hidden; border-radius: 5px;}
.message-col-item .m-avatar>img { width: 100%; height: 100%; }
.message-col-item .m-head { white-space: nowrap; overflow: hidden; margin: 0 0 10px;}
.message-col-item .m-title { font-size: 16px; color: #0E6299; margin: 0 20px 0 0;}
.message-col-item .m-date { font-size: 14px; color: #9F9F9F;}
.message-col-item .m-info { font-size: 16px; color: #0B273A; line-height: 1.5em; margin: 0;}
.reservation-card { background: #fff; padding:30px 46px; position: relative; margin: 0 0 30px;}
.reservation-card .r-title { font-size: 20px; color: #0B273A; margin:0 20px 1em 0; white-space: nowrap; overflow: hidden; position: relative;}
.reservation-card .r-title:after { content: ''; display: block; width: 2em; height: 2px; background: #2B90D4; margin-top: .8em;}
.reservation-card .r-date { font-size: 12px; color: #9F9F9F; margin: 0 0 10px; white-space: nowrap; overflow: hidden;}
.reservation-card .status-icon { position: absolute; top:26px; right: 46px; width: 20px; height: 20px; font-size: 18px;}
.reservation-card .glyphicon-ok-sign { color: #7FBF35; }
.reservation-card .glyphicon-minus-sign { color: #FF5454; }
.reservation-card .glyphicon-exclamation-sign { color: #9F9F9F; }
.integral-panel { background: #fff; padding:20px 46px; position: relative; margin: 0 0 20px; }
.integral-convert { float: right; }
.integral-convert>a { display: block; padding: .5em 2em; box-shadow: 0 0 15px rgba(255,147,1,.5); border-radius:2em; font-size: 16px; color: #fff; background: #FFCC01; background: linear-gradient(45deg, #FFCC01, #FF8800);}
.integral-panel .i-pool { font-size: 36px; font-weight: bold; color: #000; margin:0 0 10px;}
.integral-panel .glyphicon-piggy-bank { font-size: 14px; margin: 0 10px; color: #FF9301;}
.integral-panel >p { color: #9F9F9F; font-size: 14px;}
.integral-details-item { padding: 24px 0; border-bottom: 1px solid #E6E6E6; overflow: hidden;}
.integral-details-item:nth-last-child(1) { border:none; }
.integral-details-compute { float: right; font-size: 16px; margin: 0;}
.integral-details-compute .plus { color: #20C50D; }
.integral-details-compute .plus:before { content: '+'; display: inline-block; margin: 0 .2em;}
.integral-details-compute .minus { color: #FF5454; }
.integral-details-compute .minus:before { content: '-'; display: inline-block; margin: 0 .2em;}
.integral-details-text { font-size: 16px; color: #0B273A; margin:0 8em 0 0;}
.integral-details-text .i-date { font-size: 14px; color: #9F9F9F; }
.order-tabs { margin: 0 0 10px; }
.order-search { float: right; margin-right: 20px; width: 250px; height: 40px; border: 1px solid #707070; position: relative; z-index: 2;}
.order-search input[type="text"] { border: none; background: none; height: 100%; width: 100%; padding: 0 40px 0 10px; line-height: 30px; outline: none;}
.order-search .search-btn { border: none; position: absolute; top:0; right: 0; z-index: 2; background: none; width: 40px; height: 40px; outline: none; }
.order-search .search-btn .glyphicon-search { width: 20px; height: 20px; margin:5px; font-size: 14px; color:#000;}
.order-tab-list { position: relative; padding:10px 0; }
.order-tab-list>a { font-size: 16px; color: #0B273A; padding: 0 1.2em; border-right:1px solid #C5C5C5;}
.order-tab-list>a:nth-last-child(1) { border:none;}
.order-tab-list .active { color: #FF9E1A; }
.order-list { padding: 20px 46px; background: #fff; }
.order-list .table>tbody>tr>td,.order-list .table>tbody>tr>th, .order-list .table>tfoot>tr>td, .order-list .table>tfoot>tr>th, .order-list .table>thead>tr>td, .order-list .table>thead>tr>th { padding: 20px; }
.legalize-tabs { margin-bottom: 20px; }
.legalize-tabs .active { background:#0A3D4E; color: #fff; }
.legalize-tabs-item { font-size: 14px; color: #0A3D4E; padding: 0 3em; height: 36px; line-height: 32px; display: inline-block; font-weight: 600; margin: 0 10px 0 0; border:2px solid #0A3D4E;}
.legalize-form { padding:60px 46px; background: #fff; margin: 0 0 20px;}
.legalize-form .form-control { height: 40px; padding: 10px 12px; }
.form-group-title { margin: 50px 0 30px; font-size: 18px; color: #000; }
.form-group-title .btn { background: none; border: none; color: #006FFF; outline: none;}
.legalize-submit { padding: 10px 0; }
.legalize-submit >button { padding: 0 3em; font-size: 16px; color: #fff; line-height: 40px; height: 40px; background: #000; border:none; outline: none;}
.upload-group { padding: 20px 0; border-bottom: 1px solid #E6E6E6;}
.upload-caption { margin: 0 0 15px; color: #0B273A; font-size: 14px; }
.upload-btn { height: 38px; padding: 0 2.5em; color: #fff; background:#1FA6D2; border-radius: 5px; border: none; outline: none; }
.upload-check { margin: 10px 0; color: #BABABA; font-size:14px; }
textarea.form-control { height: auto !important; }
.sidebar-search { background: #fff; border-radius: 5px; height: 50px; position: relative; margin-bottom: 30px;}
.sidebar-search .search-btn {border: none; position: absolute; top: 0; right: 0; z-index: 2; background: none; width: 50px; height: 50px; outline: none;}
.sidebar-search input[type="text"] { border: none; background: none; height: 100%; width: 100%; padding: 0 50px 0 15px; line-height: 50px; outline: none;}
.list-page-head { margin: 0; padding: 70px 0; border-top: 1px solid #ADB5BA;}
.list-page-head h3 { font-size: 30px; color: #0B273A; font-weight: 600; line-height: 1.2em; }
.list-page-head:after { content: ''; display: block; width: 28px; height: 5px; background: #0A3D4E; margin: 10px 0 0 2px;}
.list-page-head h3 .en { font-size: 16px; color: #AFAFAF; margin-left: 10px; }
.news-col-list { position: relative; margin: 0 0 10px; }
.news-col-item { background: #fff; padding: 30px 46px; margin: 0 0 20px;}
.news-list-date { float: right; font-size: 18px; color: #0A3D4E; }
.news-list-title { margin: 0 0 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.news-list-title a { font-size: 18px; color: #0B273A;}
.news-list-brief { font-size: 14px; color: #606D75; margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.library-sidebar {width: 300px; float: left; margin-right: 50px;}
.library-section { width: 1000px; float: left; }
.library-nav { background: #fff; padding: 50px 30px; } {}
.library-nav-sort { padding:10px 0; position: relative; }
.library-nav-order { position: absolute; top:10px; left: 0; z-index: 1; width: 30px; display: inline-block; font-size: 18px; line-height: 24px; color: #0B273A; font-weight: 600; }
.library-nav-chi { margin: 0 30px; }
.library-nav-sort:after { content: ''; position: absolute; top:20px; right: 0; display: inline-block; height: 4px; background:#0B273A; width: 10px; transition: all .2s}
.library-nav-sort:hover:after { width: 20px; transition: all .2s}
.library-nav-chi a { line-height: 24px; font-size: 14px; color: #0B273A; margin: 0;}
.library-breadcrumb { margin: 30px 0; }
.library-breadcrumb-item { font-size: 30px; color: #0B273A; font-weight: 600;}
.library-breadcrumb-item:after { content: ''; display: inline-block; width: 1em; height: 2px; background: #0B273A; vertical-align: middle; margin: 0 .5em;}
.library-breadcrumb-item:nth-last-child(1):after { content: ''; display: none;}
.library-hall-list { position: relative; margin: 0 -10px 30px; }
.library-hall-item { float: left; width:230px; background: #fff; height: 340px; overflow: hidden; margin: 0 10px 20px;}
.library-hall-item .title { margin: 10px 20px 15px; height: 36px; overflow: hidden; text-overflow: ellipsis; }
.library-hall-item .title a {font-size: 16px; color: #0B273A; line-height: 18px;}
.library-hall-item .signature  {font-size: 12px; color: #ADB5BA; margin: 10px 20px; line-height: 1em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.library-hall-item .cover { width: 230px; height: 230px; overflow: hidden; }
.library-hall-item .cover img { width: 100%; height: 100%;}
.article-head { border-bottom: 1px solid #ADB5BA; border-top: 1px solid #ADB5BA; padding: 35px 170px 15px; position: relative;}
.article-title { font-size: 30px; width: 600px; line-height: 1.4em; color: #0B273A; margin: 0 0 30px;}
.article-release-date { text-align: right; color: #0B273A; font-size: 14px; margin: 0; }
.active-content { padding: 70px 170px; margin: 0 0 60px; border-bottom: 1px solid #ADB5BA; }
.active-quote { border-left: 6px solid #CB8282; padding:40px 50px 60px; background: #EFEAEC; margin:0 0 60px 0; }
.active-quote>p { font-size: 14px; color: #8E5566; line-height: 24px; }
.active-content img { width: 100%; margin:0 0 60px 0; }
.active-content h4 { font-size: 24px; color: #0B273A; margin:0 0 30px 0; line-height: 1.2em; }
.active-content p { font-size: 18px; color: #0B273A; margin:0 0 30px 0; line-height: 1.8em; font-weight: 300;}
.active-reviews { padding: 100px 0 0;}
.active-like-btn { display: inline-block; height: 56px; padding: 0 22px; margin:0 20px 0 0; color: #fff; line-height: 56px; border-radius: 28px; }
.active-like-btn .glyphicon { width: 1.1em;}
.active-like-btn >span { margin: 0 0 0 10px; }
.comment-module { padding: 0 170px; position: relative; }
.comment-edit { margin: 0 0 70px; }
.comment-textarea { border: 2px solid #0B273A; margin: 0 0 20px; background: #fff; font-size: 0;}
.comment-textarea>textarea { width: 100%; height: 140px; outline: none;resize:none; padding: 20px; font-size: 16px; color: #0B273A; border: none; background: none;}
.comment-submit { margin: 0 0 50px; }
.comment-submit >button { padding: 0 4em; font-size: 16px;  color: #fff; line-height: 44px; height: 44px; background: #0B273A; border: none; outline: none; }
.comment-hall { margin: 0 0 70px; }
.comment-hall-head { margin: 0 0 50px; position: relative;}
.comment-hall-head >h3 {  font-size: 24px; color: #0B273A; font-weight: 600;}
.comment-hall-head >h3>span {  font-size: 14px; font-weight: 400; margin: 0 10px;}
.comment-user-list { position: relative; }
.comment-user-item { border-bottom: 1px solid #DED9D9; position: relative; padding:0 0 20px; margin: 0 0 30px;}
.comment-user-avatar { position: absolute; left: 0; top:0; z-index: 1; width: 50px; height: 50px; overflow: hidden; }
.comment-user-avatar>img { width: 100%; height: 100%; }
.comment-user-content { margin: 0 0 0 76px; }
.comment-user-info { margin: 0 0 20px; }
.comment-user-info >a {font-size: 18px; color: #0E6299; }
.comment-user-info >span {font-size: 14px; color: #9F9F9F; margin:0 0 0 20px;}
.comment-user-remark>p { font-size: 16px; color: #0B273A; line-height: 1.8em;}
.active-separate-title { margin: 0 0 100px;  font-size: 24px; font-weight: 600; color:#0B273A; text-align: center;}
.active-separate-title:after { content: ''; display: block; margin:20px auto 0; height: 4px; width: 20px; background: #1FA6D2;}
.reserve-info-det { margin: 0 0 50px; color: #0B273A; font-size: 14px; }
.reserve-info-det>span { margin: 0 40px 0 0; }
.reserve-info-det .glyphicon { margin:0 5px;}
.reserve-pass { margin: 0 0 20px; }
.reserve-pass>button { padding:0 5em; font-size: 18px; color: #fff; height: 70px; background: #0E6299; border: none; outline: none; vertical-align: bottom;}
.reserve-pass>span { font-size: 14px; color: #0B273A; vertical-align: bottom; margin: 0 0 10px 20px; display: inline-block;}
.reserve-pass>span b { font-size: 18px; color: #1FA6D2; vertical-align: bottom; margin: 0 5px; font-weight: 600;}
.article-head-select { margin: 0 0 50px;}
.round-select-item { height: 44px; padding: 0 20px; border-radius: 22px; background: #fff; display: inline-block; margin: 0 20px 0 0; cursor: pointer; box-shadow: 0 0 15px rgba(0,0,0,0.03)}
.round-select-item span { color: #0B273A; font-size: 16px; line-height: 44px; vertical-align: middle; margin: 0 10px;}
.round-select-item .glyphicon { font-size: 16px; color: #1FA6D2; vertical-align: middle; }
.article-head-select .active { background: #FF8C00; }
.article-head-select .active span,.article-head-select .active .glyphicon { color: #fff; }
.volunteer-profile-list { border-bottom: 1px solid #ADB5BA; border-top: 1px solid #ADB5BA; padding: 100px 170px; position: relative; }
.volunteer-profile-item { margin: 0 0 36px; }
.volunteer-profile-avatar { width: 190px; height: 250px; float: left; overflow: hidden; }
.volunteer-profile-avatar >img { width: 100%;}
.volunteer-profile-info { padding: 50px 90px; margin: 0 0 0 190px; background: #fff; }
.volunteer-profile-name { margin: 0 0 25px; }
.volunteer-profile-name .full-name { font-size: 30px; margin: 0 20px 0 0; font-weight: 600; color: #0B273A;}
.volunteer-profile-name .devote-tag { font-size: 14px; color: #fff; height: 20px; line-height: 20px; padding: 0 10px; border-radius: 5px; background: linear-gradient(90deg,#FFCC01, #FF8800) #FF8800; }
.volunteer-profile-resume { font-size: 14px; color: #575757; line-height: 1.8em; margin:0 0 30px;}
.volunteer-profile-honor { margin: 0; }
.volunteer-profile-honor .collapse-btn { font-size: 16px; color: #0B273A; font-weight: 600; margin: 20px 0; }
.volunteer-profile-honor .collapse-btn .glyphicon { margin: 0 0 0 10px; transform:rotate(180deg); transition: all .5s; }
.volunteer-profile-honor .collapsed .glyphicon { transform:rotate(0deg); transition: all .5s;}
.volunteer-profile-honor .honor-list { padding: 10px 0; }
.volunteer-profile-honor .honor-list>p { margin:0; color: #0B273A; font-size: 14px; line-height: 2em;}
.book-details-facade { border-top:1px solid #ADB5BA; border-bottom:1px solid #ADB5BA; position: relative; padding: 0 0 0 90px; }
.book-details-cover { border:8px solid #0B273A; width: 400px; height:600px; float: left; overflow: hidden; }
.book-details-cover img { width: 100%; }
.book-details-abstract { margin: 0 0 0 400px; height: 600px; position: relative; overflow: hidden; }
.book-details-title { border-bottom:1px solid #ADB5BA; padding: 40px 120px 40px 40px; }
.book-details-title h3 { font-size: 30px; line-height: 1.5em; color: #0B273A; font-weight: 600;}
.book-details-edition { padding: 40px 120px 40px 40px;}
.book-details-edition>li { margin: 0 0 20px;}
.book-details-edition .e-title { color: #ADB5BA; font-size: 14px; }
.book-details-edition .e-info { color: #0B273A; font-size: 14px; }
.book-details-facade .read-btn { position: absolute; bottom: 0; left: 40px; }
.book-details-facade .read-btn a { width: 360px; height: 100px; display: block; background: #0E6299; color: #fff; text-align: center; line-height: 100px; overflow: hidden; font-size: 18px; }
.book-separate-title { margin: 0 0 100px; font-size: 24px; font-weight: 600; color: #0B273A; text-align: center;}
.book-separate-title:after { content: ''; display: block; margin:20px auto 0; height: 4px; width: 20px; background: #1FA6D2;}
.book-details-inner { padding: 70px 170px; margin: 0 0 60px; }
.book-details-inner img { margin: auto; display: block; }
.book-details-inner p { font-size: 18px; color: #0B273A; margin: 0 0 30px 0; line-height: 1.8em; font-weight: 300; }
.studio-player-wrap { background: #E4E4E4; padding: 100px 0; margin: 0 0 120px; }
.studio-player-content { line-height: 0;}
.studio-player-content video { width: 100%;  z-index: 2;}
.studio-player-report { position: relative; margin: 0 0 -180px; }
.studio-player-title { margin: 0 128px; background: #fff; padding: 26px 80px; }
.studio-player-title h3 { font-size: 30px; font-weight: 600; color: #0B273A; line-height: 1.5em; margin: 0 280px 20px 0; }
.studio-release-date { text-align: right; font-size: 14px; }
.studio-release-date>span { margin: 0 20px; white-space: nowrap; }
.reserve-date-list { border-bottom: 1px solid #A5A5A5; margin: 0 0 60px 0; padding:0 120px 30px;}
.reserve-date-list .reserve-open { background: #fff; }
.reserve-date-list .reserve-close { background: #DBDBDB; opacity: .5; }
.reserve-date-item { border-radius: 10px; height: 56px; padding: 0 30px; line-height: 56px; font-size: 16px; color: #0B273A; white-space: nowrap; overflow: hidden; margin: 0 0 20px;}
.reserve-date-item span { margin: 0 8px; vertical-align: middle; }
.col-date { font-size: 30px; font-weight: 600; }
.reserve-more-btn { margin: 30px 0; text-align: center; }
.reserve-more-btn a { color: #0B273A; }
.venue-facade-wrap { margin: 0; position: relative; }
.venue-cover { position: relative; width: 100%; max-height: 700px; }
.venue-cover>img { width: 100%; height: 100%; }
.venue-head { margin: -90px 120px 0; background: #fff; padding: 30px 76px; position: relative; z-index: 2; }
.venue-head h3 { font-size: 30px; color: #0B273A; margin: 0 0 30px; }
.venue-info-det { margin: 0; color: #0B273A; font-size: 14px;}
.venue-info-det span { margin: 0 150px 20px 0; display: inline-block; line-height: 18px; vertical-align: text-top; white-space: nowrap;}
.venue-info-det .glyphicon { margin: 0 10px 0 0; font-size: 18px; vertical-align: text-top;}
.exhibition-wrap { width: 100%; position: relative; margin: 0 0 50px; }
.carousel .item>img { display: block; margin: auto; }
.carousel-caption { bottom: auto; top:20px; text-align: left; left: 120px; right: 40%; }
.carousel-caption h3 { margin: 0 0 20px; }
.carousel-control { height: 100px; width: 100px; top:50%; margin-top:-25px;}
.carousel-control.left,.carousel-control.right { background: rgba(0,0,0,.2);}
.carousel-control.left { left: -50px;}
.carousel-control.right { right: -50px;}
.carousel-control .glyphicon-chevron-left { margin:-15px 0 0 -15px;}
.carousel-control .glyphicon-chevron-right  { margin:-15px -15px 0 0;}
.exhibition-head { margin: -80px 120px 0; background: #fff; padding:40px 68px; position: relative;}
.exhibition-title { font-size: 30px; line-height: 1.4em; color: #0B273A; margin: 0 0 10px; }
.exhibition-account { font-size: 14px; color: #ADB5BA; line-height: 1.5em; }
.exhibition-thumbnail-list { margin: 0 0 0 30px; }
.exhibition-thumbnail-list>li { width: 64px; height: 64px; overflow: hidden; border-radius: 32px; margin: 10px; float: left; }
.exhibition-carousel { height: 788px; }

.login-body { height: 100%; height: 100vh; padding: 100px 0;}
.login-box { width: 666px; background: #fff; padding: 70px; margin: 0 auto 100px; }
.login-box h3 {font-size: 36px; color: #0B273A; margin:0 0 36px;}
.login-input-group { border-bottom: 1px solid #6D6D6D; padding: 15px 30px; margin: 0 0 20px; position: relative;}
.login-input-group input { width: 100%; height: 24px; outline: none; line-height: 24px; font-size: 18px; color: #0B273A; border:none; background: none; }
.login-checkbox { margin: 0 0 30px; white-space: nowrap;}
.login-checkbox label { font-size: 16px; vertical-align: middle;}
.login-checkbox input { margin: 0 10px 0 0; vertical-align: middle;}
.login-checkbox .logn-forget { float: right; color: #6D6D6D; font-size: 16px; }
.login-submit { margin: 0 0 30px; }
.login-submit button { width: 100%; outline: none; border: none; height: 80px; line-height: 80px; font-size: 24px; color: #fff; background: #0B273A;}
.login-submit a { margin: 20px 0 0; display: inline-block; font-size: 16px; color: #6D6D6D;}
.login-phone-veri { position: absolute; right: 0; top:5px; z-index: 2; padding: 0 20px; background: #0B273A; border: none; outline: none; color: #fff; height: 40px; line-height: 40px; }
.login-veri { position: absolute; right: 0; top:5px; height: 40px; }
.login-other-btn { text-align: center; padding: 0 30px;}
.login-other-btn a { display: inline-block; width: 60px; height: 60px; margin: 0 20px; border-radius: 30px; overflow: hidden;}
.media-tab { margin: 0 0 30px; position: relative; border-bottom: 1px solid #ddd; padding: 0 0 20px; }
.media-tab li { float: left; margin: 0 20px 0 0;}
.media-tab li a { display: block; padding: 0 30px; height: 36px; background: #fff; border:2px solid #0A3D4E; color: #0A3D4E; line-height: 32px; font-size: 14px;}
.media-tab .active a { background: #0A3D4E; color: #fff; }
.media-center { margin: 0 0 30px; }
.media-col-list { margin: 0 -15px 30px; }
.media-col-item { width: 313px; float: left; margin: 0 15px 30px; border-radius: 10px; position: relative; overflow: hidden;}
.media-cover-img { width: 100%; height: 100%; position: relative; display: block;}
.media-col-floating { position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 2; background: rgba(0,0,0,.2);}
.media-col-item .play-icon { opacity: 0; transition: all .3s; position: absolute; top: 50%; left: 50%; z-index: 4; width: 100px; height: 100px; margin: -50px 0 0 -50px;}
.media-col-item a:hover .play-icon { opacity: 1; transition: all .3s; width: 66px; height: 66px; margin: -33px 0 0 -33px;}
.media-col-item a:hover .media-col-floating { background: rgba(0,0,0,.5); transition: all .3s;}
.media-cover-info { background: #fff; padding: 20px; }
.media-cover-info .title { font-size: 18px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.media-cover-info .title a { color: #0B273A;}
.media-cover-info .intro { font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #606D75;}

.member-login-body { height: 100%; height: 100vh; padding: 90px 0;}
.member-login-verification { width:37%; height:35px; margin-top:-5px; margin-left:5px;border:0;}
.member-login-box { width: 440px; background: #F3F3F3; padding: 25px; margin:80px auto;}
.member-login-box h3 {font-size: 28px; color: #0B273A; margin:0 0 20px;text-align:center;}
.member-login-box h4 {font-size: 16px; color: #0B273A; text-align:center; padding-bottom:15px;}
.member-login-input-group { margin: 0 30px 5px; position: relative;}
.member-login-input-group1 { padding: 0 30px; margin: 0 0 5px; position: relative;}
.member-login-input-group input {padding-left:10px; width: 100%; height: 38px; outline: none; line-height: 20px; font-weight:bold;font-size: 16px; color: #000; border:1px solid #ffe4c4; background:#FFFFFF; }
.member-login-input-group1 input {padding-left:10px; width: 60%; height: 38px; outline: none; line-height: 20px; font-weight:bold;font-size: 16px; color: #000; border:1px solid #ffe4c4; background:#FFFFFF; }
.member-login-checkbox { margin: 0 31px 10px; white-space: nowrap;}
.member-login-checkbox label { font-size: 16px; vertical-align: middle;}
.member-login-checkbox input { margin: 0 10px 0 0; vertical-align: middle;}
.member-login-checkbox .member-logn-forget { float: right; color: #399; font-size: 16px; }
.member-login-submit { margin: 0 31px 30px; }
.member-login-submit button { width: 100%; outline: none; border: none; height: 40px; line-height: 40px; font-size: 15px; color: #fff; background: #399;}
.member-login-submit a { margin: 20px 0 0; display: inline-block; font-size: 16px; color: #6D6D6D;}
.member-register{margin-top:20px;margin-left:31px;}
.member-register img{width:25px;margin-left:8px;}
.member-register-a{float:right;margin-right:50px;color: #399;}

#img3 {width: 120px;height: 120px;margin-left:0px;margin-top:0px;position: absolute;z-index:5;}
.imgview {height: 150px;margin-left:9%;position: relative;}
.imgPreview {height: 120px;width:120px;margin-left:13%;margin-top:10px;position: relative;}
#prompt3 {width: 120px;height: 120px;margin-top:0px;border: 1px solid black;}
.fileclass{border: 1px solid #dedede;padding-top: 8px;padding-left:10px;height: auto;min-height: 37px;}
.imglist{width: 137px;height: 120px;display: inline-block;vertical-align: middle;position: relative;/*float: left;*/}
.changefile{opacity: 0;cursor:pointer;width: 65px;height: 38px;position: absolute;margin-left:-65px;z-index: 999;}
/*#imgnext {position: absolute;top: 50px;margin-left:0px;}
#imgSpan {top: 30px;font-size:18px;margin-left:30px;}
#picnext {width:0px;height:25px;top: 55px;margin-left:24px;opacity: 0;}*/
#uploadImage{position: relative;width: 120px;height: 120px;opacity: 0;z-index:99999;cursor:pointer;}
.uploadImg{opacity: 0;cursor:pointer;width: 93px;height: 36px;position: absolute;margin-left:-75px;z-index: 999;/*border: 1px solid black;*/}